<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <link rel="stylesheet" href="/js/theme/default/style.css" type="text/css" />
    <!--<link rel="stylesheet" href="style.css" type="text/css" />-->
    <script src="/js/OpenLayers.js"></script>
    <script type="text/javascript" src="/js/proj4js-combined.js"></script>
    <script type="text/javascript" src="/js/defs/EPSG4326.js"></script>
    <script type="text/javascript" src="/js/defs/EPSG900913.js"></script>
    <script type="text/javascript" src="/js/defs/EPSG28992.js"></script>
    <script type="text/javascript">
        function load(){
            var mapOptions = {
		projection: new OpenLayers.Projection("EPSG:28992"),
		units: 'm',
		maxExtent: new OpenLayers.Bounds(68075.4530926904,136676.673569915,615473.949747968,7342872.23405858),
		};

            	var map = new OpenLayers.Map( 'map', mapOptions );
	    	
		var osm = new OpenLayers.Layer.OSM();

            	var layer = new OpenLayers.Layer.ArcGIS93Rest( "ArcGIS Server Layer",
                    "http://gis.noord-holland.nl/ArcGIS/rest/services/PNH_INSPIRE/MapServer/export", 
                {layers: "show:0,2", srs: "28992", TRANSPARENT: true},
		{isBaseLayer: false, opacity: 0.5});
            

		//map.addLayers([osm,layer,wms_lufo,wms_inspire]);
		map.addLayers([osm,layer]);
	    	//map.addLayer(osm);

            	map.addControl( new OpenLayers.Control.MousePosition() );
	    	map.addControl(new OpenLayers.Control.Scale());
            	map.addControl(new OpenLayers.Control.LayerSwitcher());

	    	//map.setCenter(new OpenLayers.LonLat(120177,480449), 4);
            	map.setCenter(
    		new OpenLayers.LonLat(120177.000,480449.000) // Center of the map
        		.transform(
            	new OpenLayers.Projection("EPSG:28992"), // transform from new RD 
            	map.getProjectionObject()
        	),
    		9); // Zoom level    

		//new OpenLayers.LonLat(4.864197,52.353796).transform(
                //new OpenLayers.Projection("EPSG:4326"),
                //    map.getProjectionObject()
                //), 9
            	//);    
        }
        

    </script>
  </head>
  <body onload="load()">
    <h1 id="title">OpenLayers play page</h1>

    <div id="tags">
    </div>
    <p id="shortdesc">
        test for different overlays
    </p>

    <div id="map" class="smallmap"></div>

  </body>
</html>




